@charset "utf-8";

html {
/*	overflow: hidden;*/
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

body {
	font-family: "微软雅黑";
	font-size: 12px;
	color: #000000;
	word-wrap: break-word;
	behavior: url("csshover.htc");
/*	overflow: hidden;*/
}

button,
input,
select,
textarea {
	font: 12px/1.5 Arial, "宋体", Helvetica, Verdana, sans-serif;
	word-wrap: break-word;
	color: #565756;
}

ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 100%;
}

img {
	border: none;
	border: 0;
	vertical-align: middle;
}

a {
	text-decoration: none;
	outline: none;
}

p {
	margin: 0;
	padding: 0;
}

input,
select,
textarea {
	vertical-align: middle;
	*font-size: 100%;
}

input {
	margin: 0;
	outline: none;
	padding: 0;
}

input::-ms-clear {
	display: none;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;

}

button {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	-khtml-box-shadow: none;

	&:focus,
	&:active {
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		-ms-box-shadow: none;
		-khtml-box-shadow: none;
	}
}

.clearfix {
	*zoom: 1
}

.ddw {
	position: absolute;
	left: 0;
	top: 0;
	color: #000;
	font-size: 16px;
	z-index: 9999;
}

.ddw2 {
	position: absolute;
	left: 20px;
	top: 0;
	color: #000;
	font-size: 16px;
	z-index: 9999;
}

.num_box {
	position: relative;
}

.num {
	color: #fff;
	font-size: 50px;
	width: 100%;
	text-align: center;
	position: relative;
}

.video {
	z-index: 3;
}
.xsq_deal_wrapper{ margin-bottom:40px;}
/*.num ul{width:100%;position:absolute;left:0;top:0;height:100%;}*/
/*.num ul li{float:left;height:100%;position:relative;}*/
#num_0 {
	background-color: #CD6C00;
}

#num_1 {
	background-color: #fff;
}

#num_2 {
	background: url("../images/2-bg.png") no-repeat center/100% 100%
}
.bg2 {
	background: url("../images/2-bg.png") no-repeat center/100% 100%
}
#num_3 {
	background-color: #fff;
}

#num_4 {
	background: url("../images/4-bg.png") no-repeat center/100% 100%;
}
.bg4 {
	background: url("../images/4-bg.png") no-repeat center/100% 100%;
}
#num_5 {
	background-color: #FFF;
}

#num_6 {
	background: #fff;
	height: 300px
}

#num_7 {
	background: #00F;
}

#num_8 {
	background: #FF0;
}

#num_9 {
	background: #F0F;
}

.fixed_r {
	position: absolute;
	right: 100px;
	top: 200px; background-color: rgba(255, 255, 255, 0.8);padding: 10px 10px;border-radius: 10px;
	z-index: 2;
	padding: 15px 30px;
}

.fixed_r li {
	height: 28px;
	line-height: 28px;
	color: #909090;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	padding-left: 12px;
	padding-bottom: 10px;
	border-left:1px solid #d4d4d4;
}

.fixed_r li.on {
	color: #3749b4;
	border-left: 3px solid #3749b4;
	padding-left: 12px
}

.logo {
	width: 23%;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
	float: left;
	margin-top: 0px;
}

.logo img {
	float: left;
	width: 100%;
}

.header {
	width: 90%;
	overflow: hidden;
	margin: 0 auto;
	background: #40498a;
	padding: 0 5%;
	position: absolute;
	z-index: 999;
	height: 66px;
}

.nav {
	width: 40%;
	padding: 0 0%;
	float: right;
}

.nav ul {
	margin: 0;
	padding: 0;
}

.nav ul li {
	float: left;
	width: 20%;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	line-height: 32px;
}

.nav ul li a {
	color: #f9f9f9;
	height: 32px;
	padding-top: 15px;
	font-size: 16px;
	display: block
}

.nav ul li a:hover {
	color: #fff;
	padding-top: 15px;
	font-weight: bold;
	background: url("../images/nav-top.png") center top no-repeat;
	background-size: 60%;
}

.hover {
	color: #fff !important;
	background: url("../images/nav-top.png") center top no-repeat;
	background-size: 60%;
	font-weight: bold;
	height: 36px;
	line-height: 33px;
}

.sousuo {
	float: right;
	width: 1.6%;
	margin-top: 16px;
	margin-left: 1%;
}

.sousuo img {
	width: 100%;
}


.sologn {
	width: 70%;
	margin: 0 auto;
	left: 15% !important;
	position: absolute;
	top: 30% !important
}

.sologn img {
	width: 100%;
}

.video {
	background: url("../images/m.mp4") no-repeat center/100% !important
}

.as {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0px;
}

.as img {
	height: 3px;
}

.ztitle {
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
	overflow: hidden;
	position: relative !important;
	text-align: left;
	margin-bottom: 30px;
}

.tt-one {
	font-size: 32px;
	color: #333;
	display: block;
	float: left;font-weight: bold;letter-spacing: 6px;
}

.tt-one font {
	font-size: 20px;
	color: #333;
	display: block;font-weight: normal!important;letter-spacing: 0!important
}

.see {
	width: 80px;
	height: 28px;
	line-height: 26px;
	border: 1px solid #3749b4;
	font-size: 12px;
	color: #3749b4;
	background: none;
	border-radius: 6px;
	float: right;
	margin-top: 20px;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}


.to {
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0 80px 0;
	overflow: hidden
}

.xw-list {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.xw-list ul {
	margin: 0;
	padding: 0;
}

.xw-list ul li {
	border-radius: 8px;
}

.xw-one {
	width: 66.2% !important;
	height: 430px;
	overflow: hidden;
	background: url("../images/xz-1.png") no-repeat center/100%;
	float: left;
}

.xw-imgone {
	width: 100%;
	height: 100%;
	background: url("../images/xz-bg.png") no-repeat bottom/100% 80%;
	text-align: left;
	padding-left: 5%;
	padding-right: 5%;
}

.xw1 {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	display: block;
	padding-top: 43%
}

.xw3 {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	display: block;
	padding-top: 87%
}

.xw4 {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	display: block;
	padding-top: 36%
}

.xw2 {
	font-size: 14px;
	color: #fff;
	display: block;margin-top: 6px;
}

.xw-two {
	width: 32.6% !important;
	height: 430px;
	overflow: hidden;
	background: url("../images/xz-2.png") no-repeat center/100%;
	float: right;
}

.xw-imgtwo {
	width: 100%;
	height: 100%;
	background: url("../images/xz-bg.png") no-repeat bottom/100% 90%;
	text-align: left;
	padding-left: 10%;
	padding-right: 10%;
}

.xw-four {
	width: 32.6% !important;
	height: 220px;
	overflow: hidden;
	background: url("../images/xz-4.png") no-repeat center/100%;
	float: left;
	margin-top: 10px;
	margin-right: 1%
}

.xw-three {
	width: 32.6% !important;
	height: 220px;
	overflow: hidden;
	background: url("../images/xz-3.png") no-repeat center/100%;
	float: left;
	margin-top: 10px;
	margin-right: 1%
}

.xw-imgthree {
	width: 100%;
	height: 100%;
	background: url("../images/xz-bg.png") no-repeat bottom/100% 90%;
	text-align: left;
	padding-left: 10%;
	padding-right: 10%;
}

.xw-five {
	width: 32.6% !important;
	height: 220px;
	overflow: hidden;
	background: url("../images/xz-5.png") no-repeat center/100%;
	float: right;
	margin-top: 10px;
}

.xw-imgfive {
	width: 100%;
	height: 100%;
	background: url("../images/xz-bg.png") no-repeat bottom/100% 90%;
	text-align: left;
	padding-left: 10%;
	padding-right: 10%;
}


.fw-top {
	width: 100%;
	position: relative
}

.fw-top ul {
	margin: 0;
	padding: 0;
}

.fw-top ul li {
	width: 24.25% !important;
	float: left;
	background: #fff;
	border-radius: 8px;
	background-size: 100% 80%;
	text-align: center;
	position: relative;
	padding-bottom: 20px;
	margin-top: 90px;
	margin-right: 1%
}

.fw-top ul li img {
	display: block;
	margin: -40px auto 0px auto;
	margin-top: -40px;
}

.fw-top ul li span {
	font-size: 18px;
	color: #245399;
	font-weight: bold;display: block
}

.rn {
	margin-right: 0 !important
}

.fw-bot {
	width: 100%;
	position: relative;
	overflow: hidden
}

.fw-bot ul {
	margin: 0;
	padding: 0;
}

.fw-bot ul li {
	width: 19.2% !important;
	float: left;
	background: url("../images/fwbg.png") no-repeat center;
	border-radius: 8px;
	background-size: 100% 100%;
	text-align: center;
	position: relative;
	padding-bottom: 15px;
	margin-top: 20px;
	margin-right: 1%;
	line-height: 1;
}

.fw-bot ul li img {
	display: block;
	margin: 20px auto 0px auto;
	height: 40px;
}

.fw-bot ul li span {
	font-size: 14px;
	color: #fff;
	line-height:2;
	font-weight: bold;display: block;margin-top: 8px
}

.ckgd {
	width: 100px;
	height: 36px;
	background: url("../images/fwbg.png") no-repeat center;
	border-radius: 10px;
	background-size: 100% 100%;
	text-align: center;
	position: relative;
	color: #fff;
	font-size: 14px;
	border: none;
	margin-top: 20px;
}


.main-boxs {
	width: 100%;overflow: hidden
/*	margin-top:15px;*/
}

h3 {
	font-size: 20px;
	color: #1e1e1e;font-weight: bold;letter-spacing: 10px
}

h5 {
	font-size: 12px;
	color: #3749b4;margin-top: 10px;
}
.xsq_deal_wrapper{height:280px;}
.mm {
	font-size: 12px !important;
	color: #5d5d5d !important;
	text-align: left !important;
	margin: 10px 5% 0 5% !important;
	line-height:28px;
	color:#5d5d5d;
	overflow: hidden;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

/*= common css to all effects =*/
.single-member {
	width: 19.5%;
	float: left;
	margin: 80px 2.5% 20px;
	background-color: #fff;
	text-align: center;
	position: relative;
}

.member-image img {
	max-width: 100%;
	vertical-align: middle;
	border-radius: 10px;
}

.social-touch a {
	display: inline-block;
	width: 27px;
	height: 26px;
	vertical-align: middle;
	margin: 0 2px;
	background-image: url(../images/social-icons.png);
	background-repeat: no-repeat;
	opacity: 0.7;
	transition: 0.3s;
}

.social-touch a:hover {
	opacity: 1;
	transition: 0.3s;
}

.fb-touch {
	background-position: 0 0;
}

.tweet-touch {
	background-position: -35px 0;
}

.linkedin-touch {
	background-position: -71px 0;
}

.icon-colored .fb-touch {
	background-position: 0 -27px;
}

.icon-colored .tweet-touch {
	background-position: -35px -27px;
}

.icon-colored .linkedin-touch {
	background-position: -71px -27px;
}

/*= common css to all effects end =*/

/*= effect-1 css =*/
.effect-1 {
	border-radius: 5px 5px 0 0;
	padding-bottom: 5px;
}

.effect-1 .member-image {
	display: inline-block;
	margin-top: -72px;
	overflow: hidden;
	transition: 0.3s;
}

.effect-1 .social-touch {
	background-color: #e13157;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 5px;
	overflow: hidden;
	padding: 5px 0 0;
	width: 100%;
	transition: 0.3s;
}

.effect-1 .member-image img {
	transition: 0.3s;
	border-radius: 0px 0;
}

.effect-1:hover .member-image {
	border-color: #e13157;
	transition: 0.3s;
	border-radius: 0%;
}

.effect-1:hover .social-touch {
	padding: 6px 0;
	height: 38px;
	transition: 0.3s;
}

/*= effect-1 css end =*/

/*= effect-2 css =*/
.effect-2 {
	max-height: 302px;
	min-height: 302px;
	overflow: hidden;
}

.effect-2 h3 {
	padding-top: 7px;
	line-height: 33px;
}

.effect-2 .member-image {
	border-bottom: 5px solid #1fb554;
	height: 212px;
	overflow: hidden;
	width: 100%;
	transition: 0.4s;
	display: inline-block;
	float: none;
	vertical-align: middle;
}

.effect-2 .member-info {
	transition: 0.4s;
}

.effect-2 .member-image img {
	width: 100%;
	vertical-align: bottom;
}

.effect-2 .social-touch {
	background-color: #1fb554;
	float: left;
	left: 0;
	bottom: 0;
	overflow: hidden;
	padding: 5px 0;
	width: 100%;
	transition: 0.4s;
}

.effect-2:hover .member-image {
	height: 81px;
	transition: 0.4s;
}

/*= effect-2 css end =*/

/*= effect-3 css =*/
.effect-3 {
	max-height: 302px;
	min-height: 302px;
	overflow: hidden;
}

.effect-3 h3 {
	padding-top: 7px;
	line-height: 33px;
}

.effect-3 .member-image {
	border-bottom: 5px solid #e5642b;
	transition: 0.4s;
	height: 212px;
	width: 100%;
	display: inline-block;
	float: none;
	vertical-align: middle;
}

.effect-3 .member-info {
	transition: 0.4s;
}

.effect-3 .member-image img {
	width: 100%;
	vertical-align: bottom;
}

.effect-3 .social-touch {
	background-color: #e5642b;
	float: left;
	left: 0;
	bottom: 0;
	overflow: hidden;
	padding: 5px 0;
	width: 100%;
	transition: 0.4s;
}

.effect-3:hover .member-image {
	border-bottom: 0;
	border-radius: 0 0 50px 50px;
	height: 81px;
	display: inline-block;
	overflow: hidden;
	width: 109px;
	transition: 0.4s;
}

/*= effect-3 css end =*/

/*= effect-4 css =*/
.effect-4 {
	max-height: 289px;
	min-height: 289px;
	overflow: hidden;
}

.effect-4 h3 {
	line-height: 35px;
}

.effect-4 .member-image {
	position: absolute;
	width: 100%;
	transition: 0.4s;
}

.effect-4 .member-image img {
	width: 100%;
}

.effect-4 .more-info {
	height: 0;
	transition: 0.4s;
	overflow: hidden;
	z-index: 9;
	position: relative;
	background-color: #fff;
}

.effect-4:hover .more-info {
	height: 208px;
	transition: 0.4s;
}

/*= effect-4 css end =*/

/*= effect-5 css =*/
.effect-5 {
	max-height: 289px;
	min-height: 289px;
	overflow: hidden;
}

.effect-5 .member-info {
	background-color: #fff;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 82px;
	transition: 0.3s;
	z-index: 2;
}

.effect-5 .member-image {
	margin-top: 82px;
	float: left;
	width: 100%;
	position: relative;
	transition: 0.3s;
	z-index: 4;
}

.effect-5 .member-image img {
	width: 100%;
}

.effect-5 .member-info:before {
	border-left: 140px solid transparent;
	border-right: 140px solid transparent;
	border-top: 15px solid #fff;
	bottom: -15px;
	content: "";
	left: 0;
	position: absolute;
	z-index: 9;
}

.effect-5:hover .member-info {
	height: 215px;
	transition: 0.3s;
	z-index: 6;
}

.effect-5:hover .member-image {
	margin-top: 200px;
	transition: 0.3s;
}

/*= effect-5 css end =*/

/*= effect-6 css =*/
.effect-6 {
	max-height: 289px;
	min-height: 289px;
	overflow: hidden;
}

.effect-6 .member-info {
	background-color: #fff;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 82px;
	transition: 0.3s;
	z-index: 2;
}

.effect-6 .member-image {
	margin-top: 82px;
	float: left;
	width: 100%;
	position: relative;
	transition: 0.3s;
	z-index: 4;
	overflow: hidden;
}

.effect-6 .member-image img {
	width: 100%;
}

.effect-6:hover .member-info {
	height: 215px;
	transition: 0.3s;
	z-index: 6;
	border-radius: 0 0 50% 50%;
	overflow: hidden;
}

.effect-6:hover .member-image {
	margin-top: 100px;
	transition: 0.3s;
	border-radius: 0;
}

/*= effect-6 css end =*/

/*= effect-7 css =*/
.effect-7 {
	max-height: 289px;
	min-height: 289px;
	overflow: hidden;
}

.effect-7 h3 {
	line-height: 35px;
}

.effect-7 .member-image {
	position: absolute;
	bottom: 0;
	width: 100%;
	transition: 0.4s;
	z-index: 1;
}

.effect-7 .member-image img {
	width: 100%;
	transition: 0.4s;
	opacity: 1;
	height: 100%;
}

.effect-7 .more-info {
	height: 208px;
	transition: 0.4s;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}

.effect-7:hover .member-image {
	bottom: 40%;
}

.effect-7:hover .member-image img {
	width: 0;
	height: 0;
	transition: 0.4s;
	opacity: 0;
}

/*= effect-7 css end =*/

/*= effect-8 css =*/
.effect-8 {
	max-height: 289px;
	min-height: 289px;
	overflow: hidden;
	perspective: 800px;
}

.effect-8 h3 {
	line-height: 35px;
}

.effect-8 .member-image {
	position: absolute;
	bottom: 0;
	width: 100%;
	transition: 0.4s;
	z-index: 1;
}

.effect-8 .member-image img {
	width: 100%;
	transition: 0.4s;
	height: 100%;
}

.effect-8 .more-info {
	height: 208px;
	transition: 0.4s;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}

.effect-8:hover .member-image {
	transform: rotateX(82deg);
	transform-origin: center bottom 0;
	transition: 0.4s;
}

/*= effect-8 css end =*/

/*= effect-9 css =*/
.effect-9 {
	max-height: 289px;
	min-height: 289px;
	overflow: hidden;
	perspective: 800px;
}

.effect-9 h3 {
	line-height: 35px;
}

.effect-9 .member-image {
	position: absolute;
	bottom: 0;
	width: 100%;
	transition: 0.4s;
	z-index: 1;
}

.effect-9 .member-image img {
	width: 100%;
	transition: 0.4s;
	height: 100%;
}

.effect-9 .more-info {
	height: 208px;
	transition: 0.4s;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}

.effect-9:hover .member-image {
	transform: translateY(100%);
	transition: 0.4s;
}

/*= effect-9 css end =*/

/*= Media Query
=============== */
.yt-banner {
	width: 100%;
	overflow: hidden;
	margin: 40px 0;

}

.yt-banner img {
	width: 100%;
border-radius: 8px;
	float: left;
}

.msj {
	width: 100%;
	overflow: hidden;
/*	position: absolute;*/
/*	bottom: 0*/
}

.nr {
	width: 100%;
	line-height: 36px;
	font-size: 16px;
	overflow: hidden;
	text-align: left;
	color: #797979;
	line-height: 36px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

.footer {
	width: 100%;
	height: 120px;
	background: #3749b4;
	margin-top: -20px;
	z-index: 999
}

.mo {
	width: 1200px;
	margin: 20px auto;
	overflow: hidden
}

.ff-left {
	width: 60%;
	float: left;
	padding-right: 20px;
	margin-top: 10px;
}

.ff-left img {
	width: 40%;
	float: left;
	margin-top: 20px;
	border-right: 1px solid #fff;
	padding-right: 20px
}

.lf {
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	margin-top: 10px;
	margin-left: 5%;
	float: left;
	text-align: left;
}

.ff-right {
	width: 30%;
	text-align: center;
	float: right;
	position: absolute;
	right: 3%
}

.ff-right img {
	width: 100px;
	margin-top: -30px;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.ff-right p {
	font-size: 12px;
	color: #fff;
	margin-top: 10px;
}

.bann {
	width: 100%;
	overflow: hidden;
	z-index: 1;
	margin-top: 20px
}

.bann img {
	width: 100%
}

.search {
	width: 11%;
	margin: 0px;
	float: right;
	border: 1px solid #fff;
	border-radius: 50px;
	margin-top: 10px;
	padding-left: 1%;padding-right: 1%;
	/*border: 1px solid red;*/
}

.search input {
	float: left;
	color: #FFF;
	border: none !important;
	/*            flex: 4;*/
	height: 36px;
	font-size: 14px;
	outline: none !important;
	background: none;
	width: 80%;

}

.search button {
	float: right;
	flex: 1;
	height: 36px;
	background: none;
	border-style: none;
	outline: none;
	width: 20%
}

.search button i {
	font-style: normal;
}

.search button:hover {
	font-size: 16px;
}

.sop img {
	width: 100%;
}

.videoElement {
	object-fit: fill;
}

input::-webkit-input-placeholder {

	-webkit-text-fill-color: #fff;

}

input::-moz-input-placeholder {

	-webkit-text-fill-color: #fff;

}

input::-ms-input-placeholder {

	-webkit-text-fill-color: #fff;

}

/* 效果CSS开始 */
.mod18 {
	width: 1300px;
	position: relative;
	margin: 0 auto;
}

.mod18 .btn {
	position: absolute;
	cursor: pointer;
	z-index: 99;
	font-size: 50px;
	font-weight: bold;
}

.mod18 .prev {
	left: 0px;
	background: url(../images/prevBtn.png) no-repeat;
}

.mod18 #prevTop,
.mod18 #nextTop {
	top: 250px;
	width: 32px;
	height: 48px;
}

.mod18 #prev,
.mod18 #next {
	top: 490px;
	width: 0px;
	height: 0px;
}

.mod18 #prevTop {
	background: url(../images/prevBtnTop.png) 0 0 no-repeat;
}

.mod18 #nextTop {
	background: url(../images/nextBtnTop.png) 0 0 no-repeat;
}

.mod18 .next {
	right: 0px;
	background: url(../images/nextBtn.png) no-repeat;
}

.mod18 li {
	float: left;
}

.mod18 .cf li {
	position: relative;
	color: #fff;
}

.mod18 .cf a {
	display: block;
	width: 1200px;
	height: 620px;
	position: absolute;
	color: #fff;
}

/*.mod18 .cf li span{display:block;width:486px;position:absolute;left:75px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}*/
.mod18 .picBox {
	width: 1200px;
	height: 620px;
	padding-left: 50px;
	padding-right: 74px;
	position: relative;
	overflow: hidden;
	padding-top: 40px;margin-bottom: 80px
}

.mod18 .picBox ul {
	height: 820px;
	position: absolute;
	left: 0;
}

.mod18 .picBox li {
	padding-left: 55px;
	padding-right: 15px;
	width: 1205px !important;
	height: 620px;
	float: left
}

.mod18 .listBox {
	width: 642px;
	height: 100px;
	margin: 0 auto;
	position: relative;
	padding-top: 15px;
	overflow: hidden;
	display: NONE
}

.mod18 .listBox ul {
	height: 88px;
	position: absolute;
	padding-left: 12px;
}

.mod18 .listBox li {
	width: 127px !important;
	height: 77px;
	cursor: pointer;
	position: relative;
	padding: 5px 0 0 0;
	opacity: 1;
}

.mod18 .listBox li i {
	display: none;
}

.mod18 .listBox li a {
	display: block;
	width: 108px;
	height: 77px;
	background-color: #cfa972;
	opacity: 0.6;
}

.mod18 .listBox img {
	background-color: #cfa972;
	opacity: 0.6;
}

.mod18 .listBox .on a {
	opacity: 1;
}

.mod18 .listBox .on img {
	opacity: 1;
}

.mod18 .listBox .on i {
	display: block;
}

.listBox img {
	width: 100%
}

.mod18 .cf li img {
	position: relative;
	color: #fff;
	width: 810px;
	float: left;
	height: 620px;
	border-radius: 8px;
}

.wenzi {
	width: 260px;
	float: left;
	background: #eef1f5;
	height: 520px;
	padding: 60px 60px;
	text-align: left;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

h1 {
	font-size: 28px;
	color: #333;
	letter-spacing: 10px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 20px;margin-top: 30%
}

h6 {
	font-size: 14px;
	color: #666;
	line-height: 36px;
	text-align: left
}

.seemore {
	width: 100px;
	height: 32px;
	text-align: center;
	color: #fff;
	border-radius: 10px;
	border: none;
	background: url("../images/fwbg.png") no-repeat center;
	border-radius: 10px;
	background-size: 100% 100%;
	margin-top: 60px;
}



@media only screen and (max-width: 980px) {
	.ztitle{margin-top: 10px!important}
	.row {
		width: 100%;
		margin: 110px 0;
	}

	.team-members {
		text-align: center;
	}

	.single-member {
		float: none;
		display: inline-block;
		vertical-align: bottom;
	}
}

/*= Media Query End
=================== */





.pop {
	display: none;
	width: 860px;
	min-height: 350px;
	max-height: 750px;
	height: 300px;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	padding: 25px;
	z-index: 130;
	border-radius: 8px;
	background: #fff url("../images/qck-bg.jpeg") no-repeat right /70% 100%;
	padding: 20px 60px
}

.pop-top {
	height: 20px;
	width: 102%;
}

.pop-top h2 {
	float: left;
	display: black
}

.pop-top span {
	float: right;
	cursor: pointer;
	font-weight: bold;
	display: black;
	color: #245399
}

.pop-foot {
	height: 50px;
	line-height: 50px;
	width: 100%;
	border-top: 1px #E5E5E5 solid;
	text-align: right;
}

.pop-cancel,
.pop-ok {
	padding: 8px 15px;
	margin: 15px 5px;
	border: none;
	border-radius: 5px;
	background-color: #337AB7;
	color: #fff;
	cursor: pointer;
}

.pop-cancel {
	background-color: #FFF;
	border: 1px #CECECE solid;
	color: #000;
}

.pop-content {
	height: 380px;
}

.pop-content-left {
	float: left;
}

.pop-content-right {
	width: 310px;
	float: left;
	padding-top: 20px;
	padding-left: 20px;
	font-size: 16px;
	line-height: 35px;
}

.bgPop {
	display: none;
	position: absolute;
	z-index: 129;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
}





.pop-le {
	width: 56%;
	overflow: hidden;
	float: left;
	border-right: 1px solid #eaeaea;
	padding-right: 3%;
}

.pop-le h2 {
	font-size: 24px;
	color: #000;
	font-weight: bold;
	margin-top: 60px;
}

.pop-le-p {
	font-size: 14px;
	color: #333;
	margin-top: 20px;
	line-height: 24px;
	text-align: left;
}

.pop-ri {
	width: 40%;
	overflow: hidden;
	float: right;
	text-align: center;
}

.pop-ri h2 {
	font-size: 24px;
	color: #000;
	font-weight: bold;
	margin-top: 20px;
	color: #245399;
	margin-top: 60px;
}

.pop-ri img {
	border: 8px solid #d7eaff;
	border-radius: 10px;
	margin-top: 20px;
	width: 120px;
}

/*= effect-1 css =*/
.effect-1 {
	border-radius: 5px 5px 0 0;
	padding-bottom: 5px;
}
.flder li{margin-bottom:20px;}
.member-info{margin-top:-15px;}
.member-image {
	display: inline-block;
	margin-top: 0px;
	overflow: hidden;
	transition: 0.3s;
	margin-top:-60px;
}

.social-touch {
	background-color: #e13157;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 5px;
	overflow: hidden;
	padding: 5px 0 0;
	width: 100%;
	transition: 0.3s;
}



.member-image {
	border-color: #e13157;
	transition: 0.3s;
	border-radius: 0%;
}
.flole .member-image{
	width: 104px;
}
.flole .member-image img{
	width: 100px;
	border: 2px solid #fff;
	transition: 0.3s;
}
.flole .member-image img:hover{
	border-radius: 50%;
	transition: 0.3s;
	border: 2px solid #224cd0;
}
.social-touch {
	padding: 6px 0;
	height: 38px;
	transition: 0.3s;
}

/*= effect-1 css end =*/
.flole {
	width: 100%;
	float: left;
	background: #FFF;
	border-radius: 8px;
	margin-right: 1%;
	padding: 10px 1%;
	margin-bottom: 10px;
	margin-top:40px;
}



.pop1 {
	display: none;
	width: 860px;
	min-height: 350px;
	max-height: 750px;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	padding: 25px;
	z-index: 130;
	border-radius: 8px;
	background: #fff url("../images/qck-bg.jpeg") no-repeat right /70% 100%;
	padding: 20px 60px
}

.pop-top {
	height: 20px;
	width: 102%;
}

.pop-top h2 {
	float: left;
	display: black
}

.pop-top span {
	float: right;
	cursor: pointer;
	font-weight: bold;
	display: black;
	color: #245399;
	    font-size: 20px;
}

.pop-foot {
	height: 50px;
	line-height: 50px;
	width: 100%;
	border-top: 1px #E5E5E5 solid;
	text-align: right;
}

.pop-cancel,
.pop-ok {
	padding: 8px 15px;
	margin: 15px 5px;
	border: none;
	border-radius: 5px;
	background-color: #337AB7;
	color: #fff;
	cursor: pointer;
}

.pop-cancel {
	background-color: #FFF;
	border: 1px #CECECE solid;
	color: #000;
}

.pop-content {
	height: 380px;
}

.pop-content-left {
	float: left;
}

.pop-content-right {
	width: 310px;
	float: left;
	padding-top: 20px;
	padding-left: 20px;
	font-size: 16px;
	line-height: 35px;
}

.bgPop1 {
	display: none;
	position: absolute;
	z-index: 129;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
}

.page-normal a {
	border: 1px solid #4d60cd;
	font-size: 14px;
	padding: 5px 7px;
	color: #4d60cd;
	margin-right: 10px;background: #fff;
	/*设置标签 a 之间的间隔*/
	text-decoration: none;
	/*去除页码数字下面的下划线*/
}

/*设置鼠标经过时 a 标签的css样式*/
.page-normal a:hover {
	background-color: #4d60cd;
	font-size: 14px;
	padding: 5px 7px;
	color: #fff
}

/*设置整个div的css样式,该样式主要用于设置网页内的省略号 …… 的样式，并且同时设置内容居中显示*/
.page-normal {
	font-size: 14px;
	color: #4d60cd;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 10px;
}

/*设置当前页面的css样式*/
.page-normal .page-current {
	margin-right: 10px;
	color: #ffffff;
	padding: 5px 7px;
	background-color: #4d60cd;
	font-size: 14px;
}

/*设置左单括号 < 的css样式*/
.page-normal .page-prev {
	color: #4d60cd;
	font-size: 14px;
	margin-right: 10px;
}

/*进行代码优化，将不同css样式中共有的属性放在一起，有助于提高运行效率*/
.page-normal a,
.page-normal a:hover,
.page-normal .page-prev,
.page-normal .page-current {
	border: 1px solid #4d60cd;
	padding: 5px 7px;
}










.fixed_1 {
	position: fixed;
	right: 30px;
	top: 150px; background-color: rgba(237, 243, 255, 0.8);padding: 10px 10px;border-radius: 10px;
	z-index: 100;
	padding: 15px 20px;
}

.fixed_1 li {
	height: 10px;
/*	line-height: 28px;*/
	color: #909090;
	font-size: 14px;
	text-align: center;
	cursor: pointer;

	padding-bottom: 10px;margin-bottom: 30px;

}

.fixed_1 .active {
	color: #3749b4!important;
	border-left: 3px solid #3749b4!important;
	padding-left: 12px
}
.fixed_1 ul li a {color: #909090;padding-left: 12px}
.fixed_1 ul li.active a {color: #3749b4;}
.pd80{padding-bottom: 160px!important}
.pd30{padding-bottom: 10px!important}


.mt30{margin-top: 80px;margin-bottom: 80px}
.pd0{padding-bottom: 10px}
.fix-bg{position: relative;}

.md0{margin-bottom: 0!important}
#topUl{border-left: 1px solid #d8d4d4}
#topUl .top-action a{	padding-left: 12px;
	position: relative;
}

@media (max-width:1920px) {.mod18 .picBox{padding-top: 10px!important}.xsq_deal_wrapper{margin-bottom: 10px}.logo{width: 20%}}

@media (max-width:1366px){
	.nav ul li a{font-size: 14px}
	.search input{font-size: 12px}
	.tt-one{font-size: 26px;}
	.xw1{font-size: 16px;}
	.xw2{font-size: 12px;}
	.xw3{font-size: 16px;}
	.xw4{font-size: 16px;}

	.logo{width: 23%}
	.sousuo{width: 1.8%}
.fixed_1 {
	position: fixed;
	right: 0px;
	top: 150px; background-color: rgba(237, 243, 255, 0.8);padding: 10px 2px;border-radius: 10px;
	z-index: 100;
	padding: 15px 2px;
}

.fixed_1 li {
	height: 10px;
/*	line-height: 28px;*/
	color: #909090;
	font-size: 12px;
	text-align: center;
	cursor: pointer;

	padding-bottom: 10px;margin-bottom: 30px;

}

.fixed_1 .active {
	color: #3749b4!important;
	border-left: 3px solid #3749b4!important;
	padding-left: 12px
}
.fixed_1 ul li a {color: #909090;padding-left: 12px}

.pd80{padding-bottom: 160px!important}
.pd30{padding-bottom: 10px!important}


.mt30{margin-top: 80px;margin-bottom: 80px}
.pd0{padding-bottom: 10px}
.fix-bg{position: relative;}

.md0{margin-bottom: 0!important}
#topUl{border-left: 1px solid #d8d4d4}
#topUl .top-action a{	padding-left: 12px;
	position: relative;
}


}

.bgPop2 {
	display: none;
	position: absolute;
	z-index: 129;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
}

.pop2 {
	display: none;
	width: 860px;
	min-height: 350px;
	max-height: 750px;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	padding: 25px;
	z-index: 130;
	border-radius: 8px;
	background: #fff url("../images/lxyt-bg.jpg") no-repeat right /100% 100%;
	padding: 20px 60px
}

.pop-le2 {
	width: 56%;
	overflow: hidden;
	float: left;
	border-right: 1px solid #eaeaea;
	padding-right: 3%
}

.pop-le2 h2 {
	font-size: 24px;
	color: #000;
	font-weight: bold;
	margin-top: 60px;
}

.pop-le-p2 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-top: 20px;
	line-height: 24px;
	text-align: left;
}

.pop-ri2 {
	width: 40%;
	overflow: hidden;
	float: right;
	text-align: center;
}

.pop-ri2 h2 {
	font-size: 24px;
	color: #000;
	font-weight: bold;
	margin-top: 20px;
	color: #245399;
	margin-top: 60px;
}

.pop-ri2 img {
	border: 8px solid #d7eaff;
	border-radius: 10px;
	margin-top: 20px;
	width: 120px;
}